<template>
    <el-row :gutter="5">
      <el-col :span="2"><div class="grid-content bg-purple">  <p>姓名：</p></div></el-col>
      <el-col :span="4"><div class="grid-content bg-purple">  <el-input v-model="input" placeholder="请输入姓名"></el-input></div></el-col>
   </el-row>

   <el-row :gutter="4">
    <el-col :span="2"><div class="grid-content bg-purple">    <p>性别：</p></div></el-col>
    <el-col :span="1"><div class="grid-content bg-purple"><el-radio v-model="radio" label="1">男</el-radio></div></el-col>
    <el-col :span="1"><div class="grid-content bg-purple"> <el-radio v-model="radio" label="2">女</el-radio></div></el-col>
  </el-row>


  <el-row :gutter="4">
    <el-col :span="2"><div class="grid-content bg-purple">   <p>爱好：</p></div></el-col>
    <el-col :span="1"><div class="grid-content bg-purple"><el-checkbox label="吃"></el-checkbox></div></el-col>
    <el-col :span="1"><div class="grid-content bg-purple"><el-checkbox label="喝"></el-checkbox></div></el-col>
    <el-col :span="1"><div class="grid-content bg-purple"><el-checkbox label="玩"></el-checkbox></div></el-col>
    <el-col :span="1"><div class="grid-content bg-purple">  <el-checkbox label="乐"></el-checkbox></div></el-col>
    </el-row>
    <!-- <p>爱好：</p>
    <el-checkbox-group v-model="checkList">
    <el-checkbox label="吃"></el-checkbox>
    <el-checkbox label="喝"></el-checkbox>
    <el-checkbox label="玩"></el-checkbox>
    <el-checkbox label="乐"></el-checkbox>
  </el-checkbox-group> -->


  <el-row :gutter="6">
  <el-col :span="2"><div class="grid-content bg-purple"> <p>自我介绍：</p></div></el-col>
  <el-col :span="4"><div class="grid-content bg-purple"> <el-input
  type="textarea"
  :rows="2"
  placeholder="请输入内容"
  v-model="textarea">
  </el-input></div></el-col>
  </el-row>

  <el-row :gutter="6">
  <el-col :span="2"><div class="grid-content bg-purple"></div></el-col>
  <el-col :span="4"><div class="grid-content bg-purple"><button @click="">提交</button></div></el-col>
</el-row>


  <!-- <p>自我介绍：</p>
  <el-input
  type="textarea"
  :rows="2"
  placeholder="请输入内容"
  v-model="textarea">
  </el-input> -->

 
    
</template>

<script>
// export default {   
//   data() {   
//     return {
//       input: '',
//       radio:'1',
//       checkList: ['复选框'],
//       textarea: '',
//       dialogVisible: false
//     }
//   }
// }
export default {
    data() {
      return {
        input: '',
        radio:'1',
        checkList: ['复选框'],
        textarea: '',
      };
    },
  }
</script>

